<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script>
        $(function () {

           $.get("findGrades",function (data) {
               var s=$("select[name=gradeid]");
               //data=JSON.parse(data);
               $.each(data,function(i,d){
                   s.append("<option value='"+d.id+"'>"+d.gname+"</option>");
               });
            },"json");
            $("input[name=telephone]").blur(function () {
                if(this.value==""){
                    alert("手机号没有写");
                    return false;
                }
                $.get("checkphone",{phone:this.value},function (res) {
                    if(res=="true"){
                        $(":submit").attr("disabled",true);
                        alert("手机号已经被注册了");
                    }else{
                        $(":submit").removeAttr("disabled");
                        alert("手机号可以使用!");
                    }
                },"text");
            });
        });
    </script>

</head>
<body>

<div>
    <h3>添加学生信息</h3>
    <!-- -->

    <form action="doAddStudent" method="post" enctype="multipart/form-data">
        <p>姓名：<input type="text" name="sname" required><span>${sname}</span></p>
        <p>
            性别：<input type="radio" name="sex" value="男" checked> 男
            <input type="radio" name="sex" value="女" > 女
            <input type="radio" name="sex" value="妖" > 妖
            <input type="radio" name="sex" value="人妖" > 人妖
        </p>
        <p>电话：<input type="text" name="telephone" onblur="checkTele(this)"></p>
        <p>QQ：<input type="text" name="qq"></p>
        <p>微信：<input type="text" name="wechat"></p>

        <p>
            年级：
            <select name="gradeid"  size="1" style="width: 200px;">
                <%--<c:forEach items="${grades}" var="g">
                    <option value="${g.id}">${g.gname}</option>
                </c:forEach>--%>
            </select>
        </p>

        <p>入学时间：<input type="date" name="enterdate"><span>${enterdate}</span></p>
        <p>来自城市：<input type="text" name="fromcity"></p>
        <p>出生日期：<input type="date" name="birthday"></p>
        <p>家庭住址：<input type="text" name="address"></p>
        <p>密码：<input type="text" name="pass"></p>
        <p>身份证照片：<input type="file" name="f_idcardpic"></p>
        <p><input type="submit"  value="提交"></p>
    </form>
</div>
</body>
</html>
